<template>
  <div>
    <h3>我是父组件</h3>
    <p>我是父组件中的num: {{ num }}</p>
    <hr>
    <!-- :value给子组件传入num值 -->
    <!-- <Son :value="num" @input="val => num=val" /> -->
    <!-- v-model组件实现数据的双向绑定
      v-model是上面: value和@input的语法糖, 作用让代码更简洁
    -->
    <Son />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: { Son },
  data() {
    return {
      num: 100
    }
  },
  methods: {

  }
}
</script>

<style>

</style>
